<ui:composition xmlns="http://www.w3.org/1999/xhtml"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:h="http://java.sun.com/jsf/html"
	template="../Template/Template.xhtml"
	xmlns:c="http://java.sun.com/jsp/jstl/core"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:rich="http://richfaces.org/rich">


	<ui:define name="title">
    Trang Hóa Đơn
  	</ui:define>


	<ui:define name="content">

		<h:outputStylesheet library="css" name="hoantatthanhtoan.css" />
		<h:outputScript library="js" name="TrangHoanTatThanhToan.js"
			target="head" />

		<!-- Content -->
		<div id="MainPanel" align="left">
			<div class="ContentPart">
				<h1 class="ContentPartTitle" align="center">XÁC NHẬN THANH
					TOÁN THÀNH CÔNG</h1>
			</div>
			<div class="ContentPart">
				<h3 class="ContentPartHeader">THÔNG TIN HÓA ĐƠN</h3>
				<div class="ContentPartContent">
					<div>
						<span class="tien-te">Hóa đơn đã được thanh toán thành
							công.</span><br /> Mã Hóa đơn là :
						<h:outputText styleClass="red largeSize bold"
							value="#{thanhToanBean.maHoaDonHienTai}" />
					</div>
					<h:panelGroup rendered="#{thanhToanBean.hinhThucThanhToan == 0}">
						<p>
							Bạn đã chọn phương thức thanh toán Qua mạng. Chúng tôi chỉ Hỗ trợ
							thanh toán với Paypal Sandbox <br /> Nhập tên tài khoản Paypal
							của bạn rồi nhấn nút <span class="bold mediumSize red">"Thanh
								Toán"</span> <br />
						</p>
						<h:inputText id="tenTaiKoanPayPal"
							styleClass="txtField flowToLeft"
							value="#{thanhToanBean.tenTaiKhoanPayPal}" />

						<h:commandLink action="#{thanhToanBean.ThanhToanVoiPayPal()}"
						target="_blank">
							<div id="btPay">Thanh Toán</div>
						</h:commandLink>
							
							<br />
							<br />
					</h:panelGroup>
					<p>
						Nhấn nút <span class="bold mediumSize red">"Trở lại Trang
							chủ"</span> để quay lại Trang chủ của website.
					</p>
				</div>
			</div>
			<div class="ContentPart">
				<div class="ContentPartContent">
					<h:messages id="messageNotification" />
				</div>
			</div>
			<br />
			<div class="ContentPart" align="right">
				<h:commandButton process="@this" immediate="true"
					class="buttonLink button" action="TrangChu"
					value="Trở lại Trang chủ" />
			</div>
		</div>
		<!-- Content -->
	</ui:define>
</ui:composition>